import React, { Component } from 'react';
import SvgIcon from 'material-ui/SvgIcon';
import { connect } from 'react-redux';

export class MidiIcon extends Component {
  render() {
    return (
      <SvgIcon {...this.props} viewBox="0 0 100 100">
        <path
          fill="white"
          d="M50 1.045C22.69 1.045.55 23.185.55 50.495c0 23.925 16.992 43.88 39.565 48.46 0-.037-.005-.072-.005-.11 0-5.462 4.428-9.888 9.89-9.888s9.89 4.426 9.89 9.89c0 .036-.005.07-.005.108 22.573-4.58 39.564-24.535 39.564-48.46 0-27.31-22.14-49.45-49.45-49.45zm-26.21 53.02c-3.003 0-5.438-2.435-5.438-5.438s2.436-5.44 5.44-5.44c3.004 0 5.438 2.437 5.438 5.44s-2.434 5.44-5.44 5.44zm8.16-17.14c-3.004 0-5.438-2.437-5.438-5.44 0-3.005 2.435-5.44 5.438-5.44 3.005 0 5.44 2.435 5.44 5.44 0 3.003-2.435 5.44-5.44 5.44zM50 29.562c-3.004 0-5.438-2.436-5.438-5.44 0-3.004 2.435-5.438 5.44-5.438 3.003 0 5.437 2.435 5.437 5.44-.005 3.002-2.438 5.438-5.44 5.438zm12.61 1.923c0-3.005 2.434-5.44 5.438-5.44 3.004 0 5.44 2.435 5.44 5.44 0 3.003-2.437 5.44-5.44 5.44-3.004 0-5.44-2.437-5.44-5.44zm12.5 22.58c-3.005 0-5.44-2.435-5.44-5.438s2.436-5.44 5.44-5.44 5.438 2.437 5.438 5.44-2.435 5.44-5.44 5.44z"
        />
      </SvgIcon>
    );
  }
}

export default connect()(MidiIcon);
